<!DOCTYPE html>  
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Minecraft同好会会员注册</title>
        <link rel="stylesheet" href="style/index.css">
        <link rel="stylesheet" href="style/font-awesome-4.7.0/css/font-awesome.min.css">
        
    </head>
    
    <body>
        <script src="https://cdn.bootcss.com/socket.io/2.2.0/socket.io.js"></script>
        <script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
        <script src='js/client.js'></script>
        <div id="app">
            <div class="name" v-if='isShow'>
                <!-- <h2>请输入你的昵称</h2> -->
                <input type="text" v-model='username' id="name" placeholder="Enter user name" autocomplete="off">
                <br/>
                <!-- <h2>请输入你的密码</h2> -->
                <input type="password" v-model='password' id="passwd" placeholder="password" autocomplete="off">
                <br/>
                <!-- <h2>请重复输入你的密码</h2> -->
                <input type="password" v-model='tempPasswd' id="passwd" placeholder="confirm" autocomplete="off">
                <button id="nameBtn" @click='register'>Register</button>
                <button id="nameBtn" onclick="window.location.href='/index.html'">Back to Login</button>
              </div>
        </div>
        
    </body>
</html>    
    